import { useEffect } from "react"
import { DrawingBoard } from "../../../components"

const DrawingBoardPage = () => {
    useEffect(() => {

    },[])
    const getData =(data:any) => {
        console.log(data)
    }
  return (
    <div style={{width: '100%', height: '100vh'}}><DrawingBoard getData={getData} initialData={{
        libraryItems:[
            {
                "id": "fzNdKi4ANDkmrwkpHOehV",
                "status": "unpublished",
                "elements": [
                    {
                        "type": "rectangle",
                        "version": 141,
                        "versionNonce": 361174001,
                        "isDeleted": false,
                        "id": "oDVXy8D6rom3H1-LLH2-f",
                        "fillStyle": "hachure",
                        "strokeWidth": 1,
                        "strokeStyle": "solid",
                        "roughness": 1,
                        "opacity": 100,
                        "angle": 0,
                        "x": 100.50390625,
                        "y": 93.67578125,
                        "strokeColor": "#000000",
                        "backgroundColor": "transparent",
                        "width": 186.47265625,
                        "height": 141.9765625,
                        "seed": 1968410350,
                        "groupIds": [],
                        "frameId": null,
                        "roundness": null,
                        "boundElements": [],
                        "updated": 1714892293267,
                        "link": null,
                        "locked": false
                    }
                ],
                "created": 1714892736640
            }
        ],
        elements: [
          {
            type: "rectangle",
            version: 141,
            versionNonce: 361174001,
            isDeleted: false,
            id: "oDVXy8D6rom3H1-LLH2-f",
            fillStyle: "hachure",
            strokeWidth: 1,
            strokeStyle: "solid",
            roughness: 1,
            opacity: 100,
            angle: 0,
            x: 100.50390625,
            y: 93.67578125,
            strokeColor: "#000000",
            backgroundColor: "transparent",
            width: 186.47265625,
            height: 141.9765625,
            seed: 1968410350,
            groupIds: [],
          },
        ],
        // appState: { zenModeEnabled: true, viewBackgroundColor: "#a5d8ff" },
        scrollToContent: true
      }}/></div>
  )
}

export default DrawingBoardPage